<template>
  <a-card title="团队">
    <div class="item" v-for="(item, index) in lists" :key="'team' + index">
      <img :src="item.img" alt="">
      <span>{{ item.title }}</span>
    </div>
  </a-card>
</template>

<script>
export default {
  name: 'Team',
  data () {
    return {
      lists: [
        {
          img: 'https://gw.alipayobjects.com/zos/rmsportal/cnrhVkzwxjPwAaCfPbdc.png',
          title: '木木天团'
        },
        {
          img: 'https://gw.alipayobjects.com/zos/rmsportal/WhxKECPNujWoWEFNdnJE.png',
          title: '程序员日常'
        },
        {
          img: 'https://gw.alipayobjects.com/zos/rmsportal/cnrhVkzwxjPwAaCfPbdc.png',
          title: '木木天团'
        },
        {
          img: 'https://gw.alipayobjects.com/zos/rmsportal/cnrhVkzwxjPwAaCfPbdc.png',
          title: '程序员日常'
        },
        {
          img: 'https://gw.alipayobjects.com/zos/rmsportal/WhxKECPNujWoWEFNdnJE.png',
          title: '木木天团'
        },
        {
          img: 'https://gw.alipayobjects.com/zos/rmsportal/cnrhVkzwxjPwAaCfPbdc.png',
          title: '骗你学计算机'
        },
        {
          img: 'https://gw.alipayobjects.com/zos/rmsportal/WhxKECPNujWoWEFNdnJE.png',
          title: '木木天团'
        },
      ]
    }
  }
}
</script>

<style lang="less" scoped>
.item {
  width: 50%;
  display: inline-block;
  margin-bottom: 20px;
  img {
    width: 32px;
    height: 32px;
    margin-right: 20px;
  }
}
</style>
